<template>
  <div>
    <H1>导航</H1>
    <H1>收到父亲的数据--{{ msg }}</H1>
    <H1>收到父亲的数据--name:{{ name }}</H1>
    <button @click="tofather">给父亲</button>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Prop, Emit } from "vue-property-decorator";
@Component({})
export default class Nav extends Vue {
  @Prop() msg: any;
  @Prop() name: any;
  //创建一个方法
  //@Emit("自定义事件名称")
  @Emit('getgift')
  tofather():string {
      console.log("给父亲");
      return "给父亲的散文诗"
  }
}
</script>

<style lang="" scoped></style>
